/**
 * These are the variables used throughout the application. This is where 
 * overwrites that are not specific to components should be maintained.
 */
@import '../../vendor/bootstrap/less/variables';
@import '../../vendor/font-awesome/less/variables';
@import '../../vendor/font-awesome/less/mixins';

@fa-font-path: "../fonts";

/**
 * Typography-related.
 */

@sansFontFamily: 'Roboto', sans-serif;

/**
 * Icons
 */

@otIconSize: 24px;
@otIconSizeMini: 16px;

/**
 * Font Awesome icon
 */

.ot-icon-x(@iconName) {
  .fa-icon();
  &:before {
    content: @iconName;
  }
}
